<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        html,
        body,
        #app,
        .el-container{
            padding: 0px;
            margin: 0px;
            height: 100%;
        }
        a{
            text-decoration-line: none;
            color: black;
        }
        .el-aside::-webkit-scrollbar {
            display: none;
        }
        .el-main::-webkit-scrollbar {
            display: none;
        }

    </style>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="../js/axios.min.js" type="text/javascript"></script>
    <script src="../js/vue.js" type="text/javascript"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <title>个人中心</title>
</head>
<body>
<div id="app">
<el-container>
    <!--顶栏-->
    <el-header>
        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
            <el-menu-item index="1"><a href="userInfo.html" target="content">个人中心</a></el-menu-item>
            <el-menu-item index="2"><a href="venueSearch.html">所有场馆</a></el-menu-item>
            <el-menu-item index="3"><a href="allCoach.html">所有教练</a></el-menu-item>
            <el-menu-item index="4"><a href="article.html">论坛</a></el-menu-item>
        </el-menu>
        <div class="line"></div>
    </el-header>
    <!--网页主体-->
    <el-container>
        <!--左侧边栏-->
        <el-aside width="200px">
            <el-menu class="el-menu-demo" mode="vertical">
                <el-menu-item index="myInfo">
                    <i class="el-icon-menu"></i>
                    <span><a href="userInfo.html" target="content">我的资料</a></span>
                </el-menu-item>
                <el-menu-item index="myWallet">
                    <i class="el-icon-menu"></i>
                    <span><a href="userWallet.html" target="_top">我的钱包</a></span>
                </el-menu-item>
                <el-menu-item index="myCoach">
                    <i class="el-icon-menu"></i>
                    <span><a href="myCoach.html" target="content">我的私教</a></span>
                </el-menu-item>
                <el-menu-item index="myBook">
                    <i class="el-icon-menu"></i>
                    <span><a href="myBook.html" target="content">我的预约</a></span>
                </el-menu-item>
                <el-menu-item index="myOrder">
                    <i class="el-icon-menu"></i>
                    <span><a href="myOrder.html" target="content">我的订单</a></span>
                </el-menu-item>
                <el-menu-item index="beCoach">
                    <i class="el-icon-menu"></i>
                    <span><a href="beCoach.html" target="content">申请成为教练</a></span>
                </el-menu-item>
            </el-menu>
        </el-aside>
        <!--主页面-->
        <el-main>
            <div id="iframe">
                <iframe name="content" frameborder="0" src="userInfo.html" style="width: 100%;height: 500px"></iframe>
            </div>
        </el-main>
    </el-container>
</el-container>
</div>
<script>
    new Vue({
        el:"#app",
        data() {
            return {
                activeIndex: '1',
                // userInfo:{}
            };
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            },
            // getMyInfo(){
            //     axios.get("/account/getMyInfo").then(resp=>{
            //         if (resp.status===resp.data.code) {
            //             this.userInfo = resp.data.data
            //         }
            //     })
            // }
        },
        created(){
            // this.getMyInfo()
        }
    })
</script>
</body>
</html>